{include file = $smarty.const.APPLICATION_PATH|cat:"/application/views/header.html"}
<!--header stop-->
{include file = $smarty.const.APPLICATION_PATH|cat:"/application/views/common/headersearch.html"}
<!--header end-->
{literal}
<script type="text/javascript">
    $(function(){
            var aDent = true;
            var oParent = $('.list-bar');
            var oNodeContent = $('.list-menu');
            oParent.click(function(){
                    if(aDent){
                            oNodeContent.stop().slideDown(500);
                    }else{
                            oNodeContent.stop().slideUp(500);
                    }
                    aDent = !aDent;
            });
        });
</script>
{/literal}
<section class="list-menu" style="display:none;">
    <ul>
            <li>
            <a href="#">
                    <span class="me1-icon mi"></span>
                    <span class="mname">HDPE</span>
                    <span class="fr orange">4527.500 吨</span>
            </a>
        </li>
        <li>
            <a href="#">
                    <span class="me2-icon mi"></span>
                    <span class="mname">LDPE</span>
                    <span class="fr orange">4527.500 吨</span>
            </a>
        </li>
        <li>
            <a href="#">
                    <span class="me3-icon mi"></span>
                    <span class="mname">LLDPE</span>
                    <span class="fr orange">4527.500 吨</span>
            </a>
        </li>
        <li>
            <a href="#">
                    <span class="me4-icon mi"></span>
                    <span class="mname">PP</span>
                    <span class="fr orange">4527.500 吨</span>
            </a>
        </li>
        <li>
            <a href="#">
                    <span class="me5-icon mi"></span>
                    <span class="mname">MLLDPE</span>
                    <span class="fr orange">4527.500 吨</span>
            </a>
        </li>
    </ul>
</section>

{literal}
<script type="text/javascript">
    $(function(){
        var iNow = true;
        $('.list-filter-m .sort').click(function(){
            if(iNow){
                $(this).addClass('curr');
            }else{
                $(this).removeClass('curr');
            }
            iNow =!iNow;
        });
    });

    $(function(){
        $('.ssw_tab tr').click(function(){
            window.location.href=$(this).attr('href');
        });
    });

    $(function(){
        $('.list-filter-c-category li').click(function(){
            oIndex = $(this).index();
            $('.categories').show();
            $('.layer-mask').show();
            $('.categories>ul').eq(oIndex).show().siblings().hide();
            $('.categories').animate({right:'0'},500);
            $('.wrap').animate({marginLeft:'-50%'},500);
        });

        $('.categories li').click(function(){
            var aText = $(this).text();
            var aIndex= $(this).parents('ul').attr('num');
            $('.categories').animate({right:'-50%'},500);
            $('.wrap').animate({marginLeft:'0'},500,function(){
                $('.list-filter-c-category li').eq(aIndex).find('span').text(aText);
                $('.layer-mask').hide();
                $('.categories').hide();
            });
        });
    });
</script>
{/literal}

<section class="wrap" style="padding-top:48px;padding-bottom:60px;">

    <!--content stop-->

    <section class="list-filter">

        <!--<ul class="list-filter-m">-->
            <!--<li><a href="/price/index"><span>默认</span></a></li>-->

            <!--{if $orderByPrice eq 'ASC'}-->
            <!--<li><a href="/price/index/orderByPrice/DESC"><span class="sort">价格</span></a></li>-->
            <!--{else}-->
            <!--<li><a href="/price/index/orderByPrice/ASC"><span class="curr">价格</span></a></li>-->
            <!--{/if}-->

            <!--{if $orderbyNum eq 'ASC'}-->
            <!--<li><a href="/price/index/orderbyNum/DESC"><span class="sort">数量</span></a></li>-->
            <!--{else}-->
            <!--<li><a href="/price/index/orderbyNum/ASC"><span class="curr">数量</span></a></li>-->
            <!--{/if}-->


            <!--<li><a href="/price/select"><span>筛选</span></a></li>-->
        <!--</ul>-->


        <section class="hot-commodity">
            <div style="width:100%;" id="swiper-container3" class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <table class="ssw_tab">
                            <tr>
                                <th class="gb">牌号</th>
                                <th class="gb">厂商</th>
                                <th class="gb">单价</th>
                                <th class="gb">更新时间</th>
                                <th class="gb"></th>
                            </tr>
                            {foreach from=$data key=key item=item}
                            <tr {if $item.data_type eq 1 }href="/price/detail/id/{$item.id}" {else}href="/supply/detail/id/{$item.id}"{/if}>
                                <td width="60"><p class="ptm1">{$item.product_name}</p></td>
                                <td>{$item.brand_name}</td>
                                <td class="orange">{$item.price}</td>
                                <td>{$item.create_time}</td>
                                <td><img src="/images/icons5.png" width="50%"/></td>
                            </tr>
                            {/foreach}
                        </table>
                    </div>

                </div>
            </div>

        </section>



    </section>

    <!--content end-->


    {include file = $smarty.const.APPLICATION_PATH|cat:"/application/views/common/footerlogin.html"}

</section>

{include file = $smarty.const.APPLICATION_PATH|cat:"/application/views/footer.html"}
